/**
 * iframe: true
 * compact: true
 */
import {
  LoadingOutlined,
  SmileOutlined,
  UserOutlined,
} from '@ant-design/icons';
import { Card } from 'antd';
import { Steps } from 'xwd-ant';

export default () => {
  return (
    <Card title="带图标的步骤条" bordered={false}>
      <Steps
        current={1}
        items={[
          {
            title: '登录',
            icon: <UserOutlined />,
          },
          {
            title: '验证',
            icon: <LoadingOutlined />,
          },
          {
            title: '支付',
            icon: <LoadingOutlined />,
          },
          {
            title: '完成',
            icon: <SmileOutlined />,
          },
        ]}
      />
    </Card>
  );
};
